<!-- 社区监控 -->
<template>
  <div class="monitor">
    <!-- 标题栏 -->
    <myheader title="社区监控" rightBtn="社区监控记录" @updataInfo="submitRecruit"></myheader>

    <ul class="monitor_ul">
      <li class="monitor_ul_li">
        <p>福理社区前门</p>
        <!-- <img src="../../../assets/nolink.jpg" alt=""> -->
        <videos></videos>
      </li>
      <li class="monitor_ul_li">
        <p>福理社区后门</p>
        <!-- <img src="../../../assets/nolink.jpg" alt=""> -->
        <videos></videos>
      </li>
    </ul>
  </div>
</template>

<script>
import myheader from '../../../comon/myheader.vue'
import videos from '../../../comon/videos.vue'
export default {
  components: {
    myheader,
    videos,
  },
  data() {
    return {}
  },

  methods: {
    submitRecruit() {
      this.$router.push('/monitorHstory')
    },
  },
}
</script>

<style scoped>
.monitor_ul {
  font-size: 18px;
  width: 100%;
  margin-top: 46px;
}
.monitor_ul_li {
  padding: 20px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
.monitor_ul_li > img {
  height: 180px;
  width: 100%;
}
</style>
